.fade-enter-active, .fade-leave-active
  transition: opacity .5s
.fade-enter, .fade-leave-to
  opacity: 0

.img-box
	position fixed
	top 0
	left 0
	bottom 0
	right 0
	background-color rgba(0, 0, 0, .6)
	z-index 1000
	perspective 1000
	transform-origin 50% 50%
	.img-wrap
		position absolute
		top 50%
		left 50%
		> img 
			border-radius 8px
			max-width 500px
			transform rotatey(0deg)
			transition all .6s ease
		&:hover
			> img 
				transform rotatey(180deg)
	.img-details
		position absolute
		width 68px
		height 68px
		top 50%
		margin-top -30px
		border-radius 50%
		cursor pointer
		&.img-details_lt
			left 30px
		&.img-details_rt
			right 30px
		&.lt-on
			background-image url('../image/left.gif')
			background-size 68px 68px
		&.rt-on
			background-image url('../image/right.gif')
			background-size 68px 68px